@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900; // Range of weights supported
  font-display: optional;
  src: url(/inter-var-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Mono';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('/JetBrainsMono-Regular.woff2') format('woff2');
}

@font-face {
  font-family: 'GT Walsheim';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('/GT-Walsheim-Bold.woff2') format('woff2');
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
  font-family: 'Inter';
}

::selection {
  background: #7c1bff;
  color: white;
}

h1,
p {
  margin: 0;
  padding: 0;
}

button {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}

a {
  position: relative;
  text-decoration: none;
  font-weight: 400;

  &:hover,
  &:focus {
    outline: 0;

    &:after {
      width: 100%;
    }
  }

  &:after {
    content: '';
    width: 0;
    height: 2px;
    background: white;
    position: absolute;
    bottom: -2px;
    left: 0;
    transition: width 200ms ease;
  }
}
